<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Models (glTF, OBJ)</title>
    <meta name="description" content="Models (glTF, OBJ) - A-Frame">
    <script src="../../../dist/aframe-master.js"></script>
  </head>
  <body>
    <a-scene background="color: #FAFAFA" renderer="colorManagement: true;" stats>
      <a-assets>
        <a-asset-item id="crate-obj" src="../../assets/models/crate/crate.obj"></a-asset-item>
        <a-asset-item id="crate-mtl" src="../../assets/models/crate/crate.mtl"></a-asset-item>
        <a-asset-item id="brainstem" src="https://cdn.aframe.io/test-models/models/glTF-2.0/brainstem/BrainStem.gltf"></a-asset-item>
      </a-assets>

      <a-entity position="0 0 -12">
        <a-entity gltf-model="#brainstem" position="-2 -1 5" scale="3 3 3"></a-entity>
        <a-text value="glTF" color="#000000" position="-2 -2 6" scale="1.5 1.5 1.5"></a-text>

        <a-entity obj-model="obj: #crate-obj; mtl: #crate-mtl" position="5 0 5"></a-entity>
        <a-entity obj-model="obj: #crate-obj; mtl: #crate-mtl" position="5 2 5"></a-entity>
        <a-text value="OBJ" color="#000000" position="4.75 -2 6" scale="1.5 1.5 1.5"></a-text>
      </a-entity>

    </a-scene>
  </body>
</html>
